<!--
  Generated template for the ModifyPhotoPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>
      <button class="back" (click)="dismiss()">
          <ion-icon name="ios-arrow-back"></ion-icon>
      </button>
      <p text-center>修改头像</p>
    </ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <img src="{{pathForImage(lastImage)}}" [hidden]="lastImage === null" alt="" style="width: auto;min-width:100px;margin:0 auto;display: block;max-height: 300px">
  <h3 [hidden]="lastImage !== null">请从图库中选择...</h3>
</ion-content>

<ion-footer>
  <ion-toolbar color="primary">
    <ion-buttons>
      <button ion-button icon-left (click)="presentActionSheet()">
        <ion-icon name="camera"></ion-icon>选择...
      </button>
      <button ion-button icon-left (click)="uploadImage()" [disabled]="lastImage === null">
          <ion-icon name="cloud-upload"></ion-icon>上传
        </button>
    </ion-buttons>
  </ion-toolbar>
</ion-footer>
